#wrap{
	height: 100%;
}
.header{
	height: 5.18rem;
	width: 100%;
}
.header img{
	width: 100%;
}
.tit{
	height: 1.05rem;
}
.tit img{
	width: 100%;
}
.intru{
	height: 4.8rem;
	border-bottom: 1px solid #ccc;
}
.banner{

	margin: 0 auto;
	margin-top: .6rem;
	height: 3.85rem;
	width: 6.2rem;
	position: relative;
	overflow: hidden;
}
.middle{
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	transition: all 0.5s;
}
.middle>div img{
	margin-top: .25rem;
	margin-left: .15rem;
	width: 2.5rem;
	height: 3.6rem;
}
.middle>div{
	background-image: url(../img/mo_gradu/bgd1.png);
	background-size: 100% 100%;
	height: 3.85rem;
	width: 6.2rem;
	float: left;
	position: relative;
}
.name{
	font-size: .3rem;
	color: #333333;
	position: absolute;
	top: .96rem;
	left: 2.8rem;
	
}
.descri{
	position: absolute;
	top: 1.5rem;
	left: 2.8rem;
	width: 3.3rem;
	font-size: .2rem;
	line-height: .34rem;
	color: #333333;
}
.peo{
	position: absolute;
	top: 2.8rem;
	left: 2.8rem;
	font-size: .2rem;
	color: #333333;
}

.succ{
	position: absolute;
	top: 3.2rem;
	left: 2.8rem;
	font-size: .2rem;
	color: #333333;
}
mark{
	background-color: transparent;
	font-size: .3rem;
	color: gold;
}
.cont_btn{
	position: absolute;
	bottom: .1rem;
	left: 5.3rem;
	height: .86rem;
	width: .86rem;
	font-size: .2rem;
	color: white;
	border-radius: 50%;
	background-color: #EC1925;
	color: white;
	text-align: center;
}
.cont_btn mark{
	width: .86rem;
	text-align: center;
	font-size: .3rem;
}

.cir{
	position: relative;
	z-index: 1;
	float: left;
	height: .10rem;
	width: .10rem;
	margin-left: .25rem;
	margin-top: .4rem;
	background-color: #EC1925;
	border-radius: 50%;
}
.service{
	position: relative;
	height: 7.78rem;
	width: 100%;
	background-image: url(../img/mo_gradu/bgd2.png);
	background-size: 100% 100%;
}

.achie{
	position: relative;
	height: 5.87rem;
	background-image: url(../img/mo_gradu/bgd3.png);
	background-size: 100% 100%;
}
.achie img:nth-child(1){
	height: 2.26rem;
	width: 3.16rem;
	position: absolute;
	left: .53rem;
	top: 3.35rem;
}
.achie img:nth-child(2){
	position: absolute;
	height: 2.26rem;
	width: 3.16rem;
	left: 3.83rem;
	top: 3.35rem;
}
.art{
	height: 5.5rem;
	position: relative;
	background-image: url(../img/mo_gradu/bgc5.png);
	background-size: 100% 100%;
}
.art>div{
	position: absolute;
	height: 2.66rem;
	width: 2.1rem;
	background-color: red;
	top: 2.51rem;
}
.art1{
	background-image: url(../img/mo_gradu/art1.png);
	background-size: 100% 100%;
	left: .5rem;
}
.art2{
	background-image: url(../img/mo_gradu/art2.png);
	background-size: 100% 100%;
	left: 2.7rem;
}
.art3{
	background-image: url(../img/mo_gradu/art3.png);
	background-size: 100% 100%;
	left: 4.9rem;
}
.book{
	position: relative;
	height: 7.2rem;
	background-image: url(../img/mo_gradu/bgd4.png);
	background-size: 100% 100%;
}
.book_bg{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 4.22rem;
	width: 3.4rem;
	margin-top: 2.5rem;
	background-image: url(../img/mo_gradu/book.png);
	background-size: 100% 100%;
}
.book_btn{
	position: absolute;
	top: 3.4rem;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	height: .4rem;
	font-size: .26rem;
	width: 2rem;
	border: 1px solid #EC1925;
	border-radius: 10px;
	line-height: .4rem;
}
